<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
		<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>免费店铺管理软件、免费店铺管理系统、店铺管家_生意专家</title>
	</head>

	<body>
		<div id="nav"></div>
		<div class="model model7">
			<div class="text-center" id="model">
				<h1 style="color: white;font-size: 55px">商品管理</h1>
				<h6 style="color: white;font-size: 30px">管理万千商品从未如此简单</h6>
				<a href="" class="btn btn-large" style="color:white;font-family: 'microsoft yahei';height: 50px;padding: 12px 30px;">立即注册</a>
			</div>
		</div>

		<div class="count" style="height: 460px;">
			<div class="col-xs-7">
				<div class="pcad">
					<img src="../../public/images/商品管理/goods-demo-4.jpg" width="630px"/>
				</div>
			</div>
			<div class="col-xs-5" style="margin-top:40px;padding-left:70px;">
				<div class="pcad" style="padding-left: 20px;">
					<h5>商品库存，简单清爽</h5>
					<p style="margin-bottom: 30px;">图片改变了查找商品的方式，一眼，就能找到你想要<br /> 的。为避免积压，生意专家为你呈现有滞销趋势的商<br />品，提前促销。
					</p>
					<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>

		<div class="jizhang" style="height: 493px;margin-top: 70px;">
			<div class="jizhangle">
				<div class="col-xs-4" style="margin: 0;width: 335px;">
					<div class="meme" style="width: 370px;">
						<h5>节省80%商品入库时间</h5>
						<p style="margin-bottom: 30px;">抓商品入库时，扫描扫码，生意专家自动匹配商品<br /> 名称、规格等信息；同时，综合商场价格、电商。<br />价格给出建议零售价，定价有依据。
						</p>
						<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
					</div>
				</div>
				<div class="col-xs-8" style="margin-left:40px;">
					<div class="meme" style="margin-left:30px;">
						<img src="../../public/images/商品管理/goods-demo-2.png" style="width=800px;height=400px;" />
					</div>
				</div>
			</div>
		</div>

		<div class="count" style="padding-top:30px;height: 450px;">
			<div class="col-xs-7">
				<div class="pcad">
					<img src="../../public/images/商品管理/goods-demo-5.png"  height="400px" />
				</div>
			</div>
			<div class="col-xs-5" style="margin-top:40px;padding-left:70px;">
				<div class="pcad" style="padding-left: 20px;">
					<h5>服务业商家的专属功能</h5>
					<p style="margin-bottom: 30px;">服务业商家，在管理服务项目时可以不计成本、库存；分<br /> 收银时，餐饮业商家还能对现有商品进行“加料”，如：<br />去冰、加糖。
						<br /> 一句消费感谢，换来长久信任。
					</p>
					<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>
	
		<div class="paylist text-center" id="pay" >
			<div class="paywaylist" >
				<div class="payrow">
					<h4>商品管理——你想要的，应有尽有</h4>
					<div  class="col-xs-3 text-center" v-for='item in ways' style="width: 234px;">
						<img :src="item.img" width="74px"/>
						<h5 style="margin: 18px auto 30px auto;">{{item.h5}}</h5>
					</div>
				</div>
			</div>
		</div>

		
		<div id="footer1" class="footersp"></div>
		<div id="footer2" class="footersp"></div>
		
		 <script src="nav.js"></script>
		<script>
			$('#nav').load('nav.html')
			
			$('#footer1').load('footer1.html')
			$('#footer2').load('footer2.html')
			
			new Vue({
				el:'#pay',
				data:{
					ways:[
					  {
					  	img:'../../public/images/商品管理/pic-01.png',
					  	h5:'条码匹配商品信息'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-02.png',
					  	h5:'商品图片管理'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-03.png',
					  	h5:'智能查找商品'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-04.png',
					  	h5:'商品盘点'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-05.png',
					  	h5:'商品库存预警'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-06.png',
					  	h5:'商品信息安全'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-07.png',
					  	h5:'服务项目管理'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-08.png',
					  	h5:'颜色、尺码管理'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-09.png',
					  	h5:'串号管理'
					  },
					  {
					  	img:'../../public/images/商品管理/pic-10.png',
					  	h5:'商品批量导入'
					  }
					  
					]
				}
			})
		</script>
	</body>

</html>